<template>
    <view class="dishes-item flex-row jc-between size-24 p-20  border-bottom bg-ff">
        <image :src="dishesItem.imageUrl" style="width: 200rpx;height: 200rpx;border-radius: 20rpx;" mode=""></image>
        <view class="content flex-2 p-left-20 line-height-40 flex-colum jc-between">
            <view class="color-3 size-28">{{dishesItem.name}}</view>
            <view class="omit-2 color-6">
                配料:{{dishesItem.remarks}}
            </view>
            <view class="omit-2 color-9" style="width: 100%;">作用：{{dishesItem.value}} </view>
        </view>
    </view>
</template>

<script>
    export default {
        props: {
            dishesItem: {
                type: Object,
            },
        },
        
        data() {
            return {}
        },
    }
</script>

<style lang="scss" scoped>
    .dishes-item {
        .content {
            width: 100%;

            .prcie {
                color: #F82727;

            }

        }
    }
</style>
